<template>
	<view class="fail">
		<nav-bar isBack backColor="#fff" background="transparent" isPlace="false"></nav-bar>
		
		<view class="f_top">
			<view class="f_tImg"><image src="https://manager.ryz1620.com/static/enter/icon_fail.png"></image></view>
			<view class="f_tTip">抱歉，您的申请未通过！</view>
			<view class="f_tBg"><image src="https://manager.ryz1620.com/static/enter/bg_5.png"></image></view>
		</view>
		
		<view class="f_cont">
			<view class="f_cTit">未通过原因</view>
			<view class="f_cTxt">原因：{{reason}}</view>
		</view>
		
		<view class="f_button" @tap="toApply">重新申请</view>
	</view>
</template>

<script>
import navBar from "@/components/navBar/navBar.vue"

export default {
	data() {
		return {
			reason: ''
		}
	},
	
	components: { navBar },
	
	onLoad(params) {
		this.reason = params.reason
	},
	
	methods: {
		toApply() {
			this.$store.commit("index/SET_isAnewApply", true)
			uni.navigateTo({
				url:'/pages/enter/index/index'
			})
		}
	}
}
</script>

<style lang="scss" scoped>
.fail {width: 100vw;height: 100vh;background: #fff;
	.f_top {height: 864rpx;background: #e27474;position: relative;overflow: hidden;
		.f_tImg {width: 233rpx;height: 233rpx;margin: 314rpx auto 0;}
		.f_tTip {height: 44rpx;line-height: 44rpx;text-align: center;color: #fff;font-size: 32rpx;margin-top: 44rpx;}
		.f_tBg {width: 100%;height: 188rpx;position: absolute;bottom: 0;left: 0;}
	}
	.f_cont {color: #1a1c20;padding-top: 28rpx;
		.f_cTit {height: 44rpx;line-height: 44rpx;text-align: center;font-size: 32rpx;}
		.f_cTxt {line-height: 40rpx;text-align: center;color: #666;margin-top: 40rpx;}
	}
	.f_button {height: 84rpx;color: #e27474;border: 1px solid #e27474;border-radius: 44rpx;position: fixed;bottom: 100rpx;left: 136rpx;right: 136rpx;display: flex;justify-content: center;align-items: center;}
} 
</style>